<template>
    <p> a+b的计算总和为：{{ num }}</p>
    <p>{{ a+b }}</p>
    <hr>
    <span>姓名：</span>
    <input type="text" v-model="full">
</template>
<script>
//计算属性 语法
/*
computed:{
// 只读的模式
    需要计算总和的名字(){
        return 需要计算的表达式
    }
        // 可读可写的模式
    计算属性的名字:{
        get(){
        return 需要计算的表达式
        },
        set(value){
            // 修改数据
        }
    }

}
*/
export default {
   data() {
    return {
        a: 10,
        b: 20
    }   
    },
    computed: {
        num() { 
            return this.a +this.b
        },
        full: {
            get() { 
                return "张三"
            },
            set(value) { 
                console.log(value);
                
            }
        }
    }
}
</script>